﻿/*商品分类*/
.category .head { background: #73e8b3; color: #fff; box-shadow: none; border: none; height: 1rem; line-height: 1rem }
.category .head a.back { line-height: 1rem; height: 1rem; color: #fff; }
.category { background: #f4f4f4 }
.category .type { background: #f4f4f4; }
.category .bggreen { background: url(/Public/wap/img/caticonbg.png) #e0f2f9 repeat-x top left; padding: .2rem 0 }
.category .catnav { background: #fff none repeat scroll 0 0; border-radius: 0.2rem; box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2); height: 2rem; margin: 0 0.2rem 0; padding: 0.2rem; position: relative; z-index: 2; }
.category .catnav h4 { font-size: .32rem; line-height: .4rem; color: #333 }
.category .catnav li.on h4{ color:#73e8b3}
.category .catnav li { width: 20%; float: left; font-size: .3rem; color: #444; text-align: center }
.category .catnav a { display: inline-block; height: 1.4rem; line-height: 1.4rem; width: 1.4rem; }
.category .catnav li img { width: 1.4rem; height: 1.4rem; }
.category .screen { background: #f4f4f4; height: 1.2rem; border-bottom-left-radius: .2rem; border-bottom-right-radius: .2rem; position: relative; z-index: 1; margin: -.2rem .2rem .2rem .2rem; box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2); padding:.2rem .2rem 0 .2rem; line-height:1rem; box-sizing:border-box; font-size:.34rem; }
.type { background: #fff; }
.category .screen a{ width:25%; float:left; display: inline-block; text-align:center; box-sizing:border-box; border-right:1px solid #e9e9e9; position:relative;}
.category .screen a:last-child{ border:none}
.category .screen a.on{ color:#73e8b3}
.category .screen i.scr{ position:absolute; display:inline-block; right:.2rem;}
.type a { float: left; width: 25%; text-align: center; font-size: .3rem; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; color: #666; padding: .2rem 0; }
.type a.on { border-color: #fff; background: #fff; border-right: 1px solid #f2f2f2; color: #73e8b3 }
.type a:last-child { border-right: none; }
.type a i { display: block; font-size: 1rem; }
.list { background: #fff }
.list .goods .item { background: #fff; border-radius: .2rem; box-shadow: 0 0 .2rem rgba(0,0,0,0.16); padding: 0; overflow: hidden; position: relative }
.list .goods { padding: .1rem .2rem; text-align: center; box-sizing: border-box; width: 50%; float: left; position: relative; background-color: #e0f2f9; border: none }
.list .goods:nth-child(odd) { padding-right: .1rem; }
.list .goods:nth-child(even) { padding-left: .1rem; }
.list .goods .goodsimg { width: 100%; }
.list .goods .goodsimg img { display: block; height: 4.8rem; margin: auto; width: auto; }
.list .goods .title { font-size: .32rem; line-height: .5rem; height: .5rem; margin: .1rem 0; float: left; overflow: hidden; padding: 0 1.2rem 0 0; text-align: left; display: block; box-sizing: border-box; width: 100%; border: none; }
.list .goods .title a { color: #444; padding-left: .2rem; }
.list .goods .pirce span.green { font-size: .4rem; line-height: 0.4rem; }
.list .goods .pirce { padding: 0 .2rem .2rem .2rem; text-align: left; }
.list .goods .form {    height: 1.2rem;
    padding: 0.1rem 0.2rem; text-align: left; background: #f2f2f2;  box-sizing: border-box }
.list .goods .form img { margin-right:.1rem; width: 1rem; height: 1rem; display: inline-block; border-radius: 1rem; overflow: hidden; }
.list .goods .form span { font-size: .34rem; color: #444; line-height: 1rem; text-align: left; display: inline-block; vertical-align: top; overflow: hidden; height: 1rem; max-width: 3.1rem; }
.list .goods .addcart { bottom: .2rem; font-size: .7rem; height: .9rem; line-height: .8rem; padding: 0 .2rem; position: absolute; right: 0; border-left: 1px solid #f2f2f2; }
.list .goods .addcart i { color: #e0e0e0 }
.list .goods .addcart:active i { color: #73e8b3 }
/*商品展示页*/
.goods { background: #f4f4f4 }
.maininfo { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #f4f4f4; padding: .4rem; background: #fff; position:relative }
.maininfo .title { position: relative; }
.maininfo .title h2 { font-size: .5rem; padding-right: 2rem; line-height: .6rem; font-weight: 300; }
.maininfo .title .share { font-size: 0.4rem; position: absolute; right: 0; top: 0; color: #999; text-align: center; border-left: 1px solid #f2f2f2; padding: 0 .2rem 0 .4rem; }
.maininfo .title .share span { display: block; font-size: .34rem; }
.maininfo .title .share i { font-size: 1rem; line-height: 1rem; display: block; }
.maininfo .title .share.on, .maininfo .title .share.on i, .maininfo .title .share.on span { color: #73e8b3 }
.maininfo .price { font-size: 0.4rem; margin-top: 0.2rem }
.maininfo .price span.num { font-size: .6rem; margin: 0 .2rem; }
.maininfo .oldprice { display: inline-block; font-size: 0.36rem; padding-left: .24rem; }
.maininfo .oldprice span.num { font-size: 0.4rem; margin: 0 .2rem; text-decoration: line-through; }
.maininfo .sales { display: inline-block; font-size: .36rem; padding-left: 0.2rem; }
.maininfo .sales span.num { font-size: .4rem; margin: 0 .04rem; }
.content .info { color: #666; padding: .4rem; font-size: .4rem; line-height: .6rem; background: #fff; }
.content .info img { width: 100% !important; height: auto !important; margin: .2rem 0; display: block; }
.goodsshow { width: 100%; height: 10rem; background: #73e8b3 }
.category .bottomside { background: #fff; }
.goods .goodsshow{ background:#fff;}
.goods .head { position: absolute; z-index: 10; background: none; border: none; box-shadow: none; display: block }
.goods .head a.back { background: rgba(0,0,0,0.4); border-radius: 1rem; display: block; height: 1.2rem; left: 0.4rem; line-height: 1.2rem; text-align: center; top: 0.4rem; width: 1.2rem; padding: 0; position: relative; color: #fff; }
.goodsshow .head a.back i { font-size: .8rem; }
.goods .goodsnum {  padding: .4rem 0 0 0; margin-top:0; line-height: .8rem; font-size: .36rem; }
.goods .goodsnum .now_ch.num { color: #73e8b3; font-size: .6rem; vertical-align: bottom; }
.goods .goodsnum strong { font-weight: 400 }
.goods .goodsnum section.select { display: inline; float: right; }
.goods .goodsnum section.select .btn-del { float: left; background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #e0e0e0; border-bottom-left-radius: 0.1rem; border-top-left-radius: 0.1rem; display: inline-block; font-size: 0.4rem; line-height: 0.8rem; text-align: center; width: 0.8rem; }
.goods .goodsnum section.select .good_num { float: left; background: #fff; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: none; border-right: none; display: inline-block; font-size: .4rem; line-height: 0.8rem; text-align: center; width: 1rem; height: .8rem; }
.goods .goodsnum section.select .btn-add { float: left; background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #e0e0e0; border-bottom-right-radius: 0.1rem; border-top-right-radius: 0.1rem; display: inline-block; font-size: 0.4rem; line-height: 0.8rem; text-align: center; width: 0.8rem; }
.goods .goodsnum section.select a:active { background: #e0e0e0; border-color: #ccc }
.goods .maininfo .oem{ margin-top:.4rem; padding:.2rem 0; border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2}
.goods .maininfo .form{left:.4rem; bottom:1.36rem; border-radius:1rem;background:#f4f4f4; display:inline-block}
.goods .maininfo .form img{ width:1rem; height:1rem; border-radius:1rem; overflow:hidden; display:inline-block; vertical-align:middle;}
.goods .maininfo .form span{ line-height:1rem; vertical-align:middle; font-size:.4rem; padding:0 .4rem 0 .2rem;  display:inline-block}
/*首页*/
.index .swiper-slide img { width: auto; height: 100%; }
.index .page .avatar { position: absolute; top: .2rem; left: .2rem; z-index: 10; }
.index .page .avatar span { position: relative; z-index: 2; width: 2rem; height: 2rem; overflow: hidden; display: block; border-radius: 2rem; border: .1rem solid #fff; box-shadow: 0 0 .4rem rgba(0,0,0,0.4); float: left; background: #fff; }
.index .page .avatar span img { height: 2rem; width: 2rem; }
.index .page .avatar div.name { position: relative; z-index: 1; background: #f60; color: #fff; float: left; padding: .15rem .4rem; border-bottom-right-radius: 1rem; border-top-right-radius: 1rem; top: .635rem; font-size: .4rem; margin-left: -.2rem; box-shadow: .0 .0 0.4rem rgba(0,0,0,0.4); line-height:.6rem; }
.index .goodsshow { width: 100%; height: 5.8rem; }
.index .swiper-slide img { display: block; height: 100%; margin: auto; max-width: none; width: auto; }
.index .swiper-container-horizontal > .swiper-pagination { bottom: .4rem; }
.index .bggreen { background: url(/Public/wap/img/caticonbg.png) #e0f2f9 repeat-x top left; padding: .2rem 0 }
.index .catnav { background: #fff none repeat scroll 0 0; border-radius: 0.2rem; box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2); height: 2rem; margin: -0.4rem 0.2rem 0; padding: 0.2rem; position: relative; z-index: 1; }
.index .catnav h4 { font-size: .32rem; line-height: .4rem; color: #333 }
.index .catnav li { width: 20%; float: left; font-size: .3rem; color: #444; text-align: center }
.index .catnav a { display: inline-block; height: 1.4rem; line-height: 1.4rem; width: 1.4rem; }
.index .catnav li img { width: 1.4rem; height: 1.4rem; }
.index .list .goods .item { background: #fff; border-radius: .2rem; box-shadow: 0 0 .2rem rgba(0,0,0,0.16); padding: 0; overflow: hidden; position: relative }
.index .list .goods { padding: .1rem .2rem; text-align: center; box-sizing: border-box; width: 50%; float: left; position: relative; background-color: #e0f2f9; border: none }
.index .list .goods:nth-child(odd) { padding-right: .1rem; }
.index .list .goods:nth-child(even) { padding-left: .1rem; }
.index .list .goods .pirce { padding: 0 .2rem .2rem .2rem }
.index .list .goods .addcart { bottom: .2rem; }
.index .list .goods .form img { width: 1rem; height: 1rem; display: inline-block; border-radius: 1rem; overflow: hidden; }
.index .list .goods .form span { font-size: .34rem; color: #444; line-height: 1rem; text-align: left; display: inline-block; vertical-align: top; overflow: hidden; height: 1rem; max-width: 3.1rem; }
.index .list .goods .goodsimg { margin-bottom: 0 }
.index .rec { width: 100%; background: #fff; }
.index .rec img { width: auto; height: 100%; }
.index .rec div { box-sizing: border-box; float: left; overflow: hidden; }
.index .rec .col1 { width: 20%; }
.index .rec .col2 { width: 40%; }
.index .rec .col50 { width: 50%; }
.index .rec .col3 { width: 60%; }
.index .rec .col100 { width: 100%; }
.index .rec h4 { font-size: 0.46rem; padding: 0.4rem 0 0.1rem 0.4rem; }
.index .rec h6 { font-size: .27rem; padding: 0 0 0 .4rem; }
.index .rec .col50 h4, .index .rec .col3 h4 { padding-left: .2rem; }
.index .rec .col50 h6, .index .rec .col3 h6 { padding-left: .2rem; }
.index .banner img { width: 100%; height: auto; display: block; }
.index h4.title { font-size: .32rem; color: #73e8b3; line-height: 1rem; text-align: center; margin-top: -.2rem }
.index h4.title span { border-bottom: 1px solid #73e8b3; width: 3.6rem; vertical-align: middle; margin: 0 .2rem; display: inline-block }
.index .goodslist { padding: .2rem; background: #e0f2f9; }
.index .goodslist .goods { background: #fff; border-radius: .2rem; display: block; overflow: hidden; box-shadow: 0 0 .4rem rgba(0,0,0,0.2); margin-bottom: .2rem; }
.index .goods img { width: 100%; height: auto; display: block; }
.index .goods a.title { line-height: 1rem; padding-left: .2rem; display: block; font-size: .4rem; background: #fff; }


.index .layui-layer-dialog{ width:80% !important; margin-left:10% !important; left:0 !important; border-radius:.2rem; overflow:hidden; box-shadow:0 0 .4rem rgba(0,0,0,0.20); text-align:center;}
.index .layui-layer-content{font-size:.36rem; line-height:.6rem; }
.index .layui-layer-title{ background:#73e8b3; font-size:.4rem; color:#fff; text-align:left}
.index .layui-layer-btn{ text-align:center;}
.index .layui-layer-btn .layui-layer-btn0{  background:#73e8b3;}
.index .layui-layer-btn .layui-layer-btn1, .index .layui-layer-btn .layui-layer-btn0{font-size:.32rem; padding:.1rem .6rem; border-radius:.1rem; border:none;}
